<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalabale=no,maxmum=1.0,minmun=1.0">
  <title>携程旅行-酒店预订,机票预订查询,旅游度假,商旅管理-携程无线官网</title>
  <!-- 初始化 -->
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <!-- 搜索框区域 -->
  <div class="search-index">
    <div class="search">
      <span>搜索:目的地/酒店/景点/航班号</span>
    </div>
    <div class="login">
      <span>我&nbsp;的</span>
    </div>
  </div>
  <!-- 搜索框结束 -->
  <!-- 焦点图开始 -->
  <div class="focus">
    <a href="#">
      <img src="./img/banner.jpg" alt="">
    </a>
  </div>
  <!-- 焦点图结束 -->
  <!-- local-nav -->
  <ul class="local-nav">
    <li>
      <a>
        <i></i>
        <span>攻略景点</span>
      </a>
    </li>
    <li>
      <a>
        <i></i>
        <span>攻略景点</span>
      </a>
    </li>
    <li>
      <a>
        <i></i>
        <span>攻略景点</span>
      </a>
    </li>
    <li>
      <a>
        <i></i>
        <span>攻略景点</span>
      </a>
    </li>
    <li>
      <a>
        <i></i>
        <span>攻略景点</span>
      </a>
    </li>
  </ul>
 <!-- 主导航 -->
 <nav class="nav">
   <div class="nav-common">
     <a href="">
       <span>机票</span>
     </a>
     <a href="">
      <span>民宿·客栈</span>
    </a>
    <a href="">
      <span>特价·爆款</span>
    </a>
   </div>
   <div class="nav-common">
    <a href="">
      <span>机票</span>
    </a>
    <a href="">
     <span>火车票</span>
   </a>
   <a href="">
     <span>汽车</span>
   </a>
   <a href="">
     <span>专车</span>
   </a>
  </div>
  <div class="nav-common">
    <a href="">
      <span>旅游</span>
    </a>
    <a href="">
     <span>高铁游</span>
   </a>
   <a href="">
     <span>游轮游</span>
   </a>
   <a href="">
     <span>定制游</span>
   </a>
  </div>
 </nav>
 <!-- 主导航结束 -->
 <!-- subnav-entry -->
 <ul class="subnav-entry">
    <li><a href=""><i></i><span>自由行</span></a></li>
    <li><a href=""><i></i><span>自由行</span></a></li>
    <li><a href=""><i></i><span>自由行</span></a></li>
    <li><a href=""><i></i><span>自由行</span></a></li>
    <li><a href=""><i></i><span>自由行</span></a></li>
    <li><a href=""><i></i><span>自由行</span></a></li>
    <li><a href=""><i></i><span>自由行</span></a></li>
    <li><a href=""><i></i><span>自由行</span></a></li>
    <li><a href=""><i></i><span>自由行</span></a></li>
    <li><a href=""><i></i><span>自由行</span></a></li>
 </ul>
 <!-- 热门活动 -->
 <div class="sales-box">
   <div class="sales-hd">
    <h2>
      <i></i>
    </h2>
    <a class="more" href="#">获取更多福利</a>
   </div> 
   <div class="sales-bd">
      <a href="">
        <img src="./img/activity_01.png">
        <span>广告</span>
      </a>
      <a href="">
        <img src="./img/activity_02.jpg">
        <span>广告</span>
      </a>
  </div>
  <!-- tool-box -->
  <div class="tool-box">
    <li>
      <a>
        <i></i>
        <span>电话预定</span>
      </a>
    </li>
    <li>
      <a>
        <i></i>
        <span>下载客户端</span>
      </a>
    </li>
    <li>
      <a>
        <i></i>
        <span>我的</span>
      </a>
    </li>
  </div>
 </div>
 <!-- footer -->
 <footer>
   <p>
     <span>网站地图</span>
     <span>|</span>
     <span>Lanage</span>
     <span>|</span>
     <span>电脑版</span>
   </p>
   <p>携程旅行｜沪ICP备08023580号</p>
 </footer>
</body>
</html>